.main {
    margin: 30px auto;
    max-width: 80%;
    .main_header {
        position: relative;
        width: 100%;
        padding-top: 50px;
        padding-bottom: 150px;
        font-size: 25px;
        font-weight: 300;
        line-height: 50px;
        text-align: center;
        color: #fff;
        background: linear-gradient(45deg, #dcbcf5, #409eff);
        overflow: hidden;
    }
    .main_header::before {
        left: 0;
        border-width: 0 100vw 100px 0;
    }
    .main_header::after,
    .main_header::before {
        position: absolute;
        bottom: 0;
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-color: #fff transparent;
    }
    .main_header::after {
        right: 0;
        border-width: 0 0 100px 100vw;
    }
    .el-main {
        height: 40vh;
        background: #fff;
        .main_content {
            .main_content_title {
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 20px;
                font-weight: bold;
                margin-bottom: 25px;
            }
        }
    }
}